.box{
    width: 393px;
    height: 100%;
    background-color: white;
    background: url("../../image/壁纸.jpg");
    background-size: cover;

    position: relative;
    .modle{
        width: 100%;
        height: 100%;
        // background-color: rgba(85, 85, 85, 0.154);
        backdrop-filter: blur(10px);

        
    }
    .apps{
        width: 100%;
        height: 100%;
        // padding-top: 3vh;
        padding: 6vh 0px 0px 0px;
        // background-color: rgba(211, 211, 211, 0.572);
        position: absolute;
        top: 0;
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-around;

        // justify-items: center;
        align-content: flex-start;
        .icon{
            flex-shrink: 0;
            width: 60px;
            height: 60px;
            margin: 18px;
            // background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
            margin-top: 3vh;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            transition: all 0.2s linear;
            &:hover{
                transform: scale(105%);
                background-image: linear-gradient(to top, #cfd9df 20%, #e2ebf0 100%);
              
            }
            &:active{
                transform: scale(95%);
                background-image: linear-gradient(to top, #cfd9df 100%, #e2ebf0 0%);
                
            }
            img{
                display: block;
                width: 100%;
                height: 100%;
                transform: scale(1.3);
                -moz-transform: scale(1.3);
                -o-transform: scale(1.3);
                -webkit-transform: scale(1.3);
            }
        }
    }
}